import React from 'react'
import { useState } from 'react'
import B from './B';
//1. 创建 Context 对象 『context 上下文的意思』
export let context = React.createContext();

export default function A() {
  //声明一个状态
  let [count, setCount] = useState(0);
  return (
    // 2. 使用 context.Provider 包裹子集元素, 设置 value 属性
    <context.Provider value={[count, setCount]}>
      <div>
        <h2>{count}</h2>
        <button onClick={() => {
          setCount(count + 1);
        }}>点击新增</button>
        <hr />
        <B  count={count}  />
      </div>
    </context.Provider>
  )
}
